$().ready(function() {
	validateRule();
    $("#groupAdd").on("click",function(){
        $("#groupTab tbody").append('<tr align="center"><td height="45">' +
            '<input type="text" name="group_name" class="form-control" data-parsley-required="true"></td>' +
            '<td width="2"></td><td><button type="button" class="btn btn-default"><i class="fa fa-plus mr5"></i>管理参数</button></td>'+
            '<td><input type="text" name="group_params" class="form-control" style="width: 200px;" readonly></td>'+
            '<td style="width: 80px;"><i class="up fa fa-arrow-up" style="cursor:pointer;padding: 5px;" title="向上移动"></i>' +
            '<i class="down fa fa-arrow-down" style="cursor:pointer;padding: 5px;" title="向下移动"></i>' +
            '<i class="del fa fa-remove" style="cursor:pointer;padding: 5px;" title="删除"></i></td></tr>');
        binGroupEvent();
    });
    $("#dialogParamAdd").on("click",function(){
        $("#dialogParamTab tbody").append('<tr align="center"><td height="45">' +
            '<input type="text" class="form-control"></td>' +
            '<td width="2"></td>' +
            '<td><i class="up fa fa-arrow-up" style="cursor:pointer;padding: 5px;" title="向上移动"></i>' +
            '<i class="down fa fa-arrow-down" style="cursor:pointer;padding: 5px;" title="向下移动"></i>' +
            '<i class="del fa fa-remove" style="cursor:pointer;padding: 5px;" title="删除"></i></td></tr>');
        binDialogGroupEvent();
    });
    $("#tabAdd").on("click",function(){
        $("#tabTab tbody").append('<tr align="center"><td height="45">' +
            '<input type="text" name="tab_name" class="form-control" style="width: 150px;" data-parsley-required="true"></td>' +
            '<td><button type="button" class="btn btn-default"><i class="fa fa-plus mr5"></i>编辑内容</button></td>'+
            '<td><input type="hidden" name="tab_note" class="form-control" style="width: 80px;" readonly></td>'+
            '<td><i class="up fa fa-arrow-up" style="cursor:pointer;padding: 5px;" title="向上移动"></i>' +
            '<i class="down fa fa-arrow-down" style="cursor:pointer;padding: 5px;" title="向下移动"></i>' +
            '<i class="del fa fa-remove" style="cursor:pointer;padding: 5px;" title="删除"></i></td></tr>');
        binTabEvent();
    });
    // $("#propsAdd").on("click",function(){
    // 	console.log("prop");
    //     $("#propsTab tbody").append('<tr align="center"><td height="45">' +
    //         '<input type="text" name="props_name" class="form-control" data-parsley-required="true"></td>' +
    //         '<td width="2"></td>' +
    //         '<td><select name="props_type" class="form-control"><option value="select">下拉框</option></select> ' +
    //         '<td width="2"></td><td><button type="button" class="btn btn-default"><i class="fa fa-plus mr5"></i>管理选项</button></td>'+
    //         '<td><input type="text" name="props_values" class="form-control" style="width: 80px;" readonly></td>'+
    //         '<td><i class="up fa fa-arrow-up" style="cursor:pointer;padding: 5px;" title="向上移动"></i>' +
    //         '<i class="down fa fa-arrow-down" style="cursor:pointer;padding: 5px;" title="向下移动"></i>' +
    //         '<i class="del fa fa-remove" style="cursor:pointer;padding: 5px;" title="删除"></i></td></tr>');
    //     binPropsEvent();
    // });
    $("#dialogPropsAdd").on("click",function(){
        $("#dialogPropsTab tbody").append('<tr align="center"><td height="45">' +
            '<input type="text" class="form-control"></td>' +
            '<td width="2"></td>' +
            '<td><i class="up fa fa-arrow-up" style="cursor:pointer;padding: 5px;" title="向上移动"></i>' +
            '<i class="down fa fa-arrow-down" style="cursor:pointer;padding: 5px;" title="向下移动"></i>' +
            '<i class="del fa fa-remove" style="cursor:pointer;padding: 5px;" title="删除"></i></td></tr>');
        binDialogPropsEvent();
    });
    $("#specAdd").on("click",function(){
        layer.open({
            type:2,
            title:"选择规格",
            area : [ '400px', '450px' ],
            content:"/wx/goodsType/spec"
        });
        // $("#buttom").load( "/wx/goodsType/spec", function( response, status, xhr ) {
        // 	console.log("specadd");
        // 	console.log(response);
        // 	console.log(status);
        // 	console.log(xhr);
        //
        //
        // });
    });
});

$.validator.setDefaults({
	submitHandler : function() {
		save();
	}
});
function save() {
	$.ajax({
		cache : true,
		type : "POST",
		url : "/wx/goodsType/save",
		data : $('#signupForm').serialize(),// 你的formid
		async : false,
		error : function(request) {
			parent.layer.alert("Connection error");
		},
		success : function(data) {
			if (data.code == 0) {
				parent.layer.msg("操作成功");
				parent.reLoad();
				var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
				parent.layer.close(index);

			} else {
				parent.layer.alert(data.msg)
			}

		}
	});

}
function validateRule() {
	var icon = "<i class='fa fa-times-circle'></i> ";
	$("#signupForm").validate({
		rules : {
			name : {
				required : true
			}
		},
		messages : {
			name : {
				required : icon + "请输入姓名"
			}
		}
	})
}

function binPropsEvent(){
    $("#propsTab .up").unbind("click").on("click",function(){
        var p=$(this).parent().parent();
        var nextTR = p.prev();
        if (nextTR.length > 0) {
            nextTR.insertAfter(p);
        }
    });
    $("#propsTab .down").unbind("click").on("click",function(){
        var p=$(this).parent().parent();
        var nextTR = p.next();
        if (nextTR.length > 0) {
            nextTR.insertBefore(p);
        }
    });
    $("#propsTab .del").unbind("click").on("click",function(){
        var tr=$("#propsTab tbody").find("tr");
        if (tr.length > 0) {
            $(this).parent().parent().remove();
        }
    });
    $("#propsTab select").unbind("change").on("change",function(){
        if("input"==$(this).val()){
            $(this).parent().parent().find("button").hide();
            $(this).parent().parent().find("input[name='props_values']").hide();
            $(this).parent().parent().find("input[name='props_values']").val("");
        }else{
            $(this).parent().parent().find("button").show();
            $(this).parent().parent().find("input[name='props_values']").show();
        }
    });
    $("#propsTab .btn").unbind("click").on("click",function(){
        $("#dialogPropsTab tbody").html("");
        var btn=$(this);
        var vs=$(this).parent().parent().find("input[name='props_values']").val();
        if(vs!=""&&vs.indexOf(",")>0){
            var vss=vs.split(",");
            for(var i=0;i<vss.length-1;i++){
                $("#dialogPropsTab tbody").append('<tr align="center"><td height="45">' +
                    '<input type="text" class="form-control" value="'+vss[i]+'"></td>' +
                    '<td width="2"></td>' +
                    '<td><i class="up fa fa-arrow-up" style="cursor:pointer;padding: 5px;" title="向上移动"></i>' +
                    '<i class="down fa fa-arrow-down" style="cursor:pointer;padding: 5px;" title="向下移动"></i>' +
                    '<i class="del fa fa-remove" style="cursor:pointer;padding: 5px;" title="删除"></i></td></tr>');
            }
            binDialogPropsEvent();
        }
        $("#dialogProps").modal("show");
        $("#dialogPropsOK").unbind("click").on("click",function(){
            var str="";var ok=true;
            $("#dialogPropsTab").find("input").each(function(){
                if(""==$(this).val()){
                    ok=false;
                    $(this).focus();
                    return false;
                }else{
                    str+=$(this).val()+",";
                }
            });
            if(ok){
                btn.parent().parent().find("input[name='props_values']").val(str);
                $("#dialogProps").modal("hide");
                $("#dialogPropsTab tbody").html("");
            }
        });
    });
}

function binDialogPropsEvent(){
    $("#dialogPropsTab .up").unbind("click").on("click",function(){
        var p=$(this).parent().parent();
        var nextTR = p.prev();
        if (nextTR.length > 0) {
            nextTR.insertAfter(p);
        }
    });
    $("#dialogPropsTab .down").unbind("click").on("click",function(){
        var p=$(this).parent().parent();
        var nextTR = p.next();
        if (nextTR.length > 0) {
            nextTR.insertBefore(p);
        }
    });
    $("#dialogPropsTab .del").unbind("click").on("click",function(){
        var tr=$("#propsTab tbody").find("tr");
        if (tr.length > 0) {
            $(this).parent().parent().remove();
        }
    });
}
//参数 start   规格
function binGroupEvent(){
    $("#groupTab .up").unbind("click").on("click",function(){
        var p=$(this).parent().parent();
        var nextTR = p.prev();
        if (nextTR.length > 0) {
            nextTR.insertAfter(p);
        }
    });
    $("#groupTab .down").unbind("click").on("click",function(){
        var p=$(this).parent().parent();
        var nextTR = p.next();
        if (nextTR.length > 0) {
            nextTR.insertBefore(p);
        }
    });
    $("#groupTab .del").unbind("click").on("click",function(){
        var tr=$("#groupTab tbody").find("tr");
        if (tr.length > 0) {
            $(this).parent().parent().remove();
        }
    });
    $("#groupTab .btn").unbind("click").on("click",function(){
        $("#dialogParamTab tbody").html("");
        var btn=$(this);
        var vs=$(this).parent().parent().find("input[name='group_params']").val();
        if(vs!=""&&vs.indexOf(",")>0){
            var vss=vs.split(",");
            for(var i=0;i<vss.length-1;i++){
                $("#dialogParamTab tbody").append('<tr align="center"><td height="45">' +
                    '<input type="text" class="form-control" value="'+vss[i]+'"></td>' +
                    '<td width="2"></td>' +
                    '<td><i class="up fa fa-arrow-up" style="cursor:pointer;padding: 5px;" title="向上移动"></i>' +
                    '<i class="down fa fa-arrow-down" style="cursor:pointer;padding: 5px;" title="向下移动"></i>' +
                    '<i class="del fa fa-remove" style="cursor:pointer;padding: 5px;" title="删除"></i></td></tr>');
            }
            binDialogGroupEvent();
        }
        $("#dialogParam").modal("show");
        $("#dialogParamOK").unbind("click").on("click",function(){
            var str="";var ok=true;
            $("#dialogParamTab").find("input").each(function(){
                if(""==$(this).val()){
                    ok=false;
                    $(this).focus();
                    return false;
                }else{
                    str+=$(this).val()+",";
                }
            });
            if(ok){
                btn.parent().parent().find("input[name='group_params']").val(str);
                $("#dialogParam").modal("hide");
                $("#dialogParamTab tbody").html("");
            }
        });
    });
}
function binDialogGroupEvent(){
    $("#dialogParamTab .up").unbind("click").on("click",function(){
        var p=$(this).parent().parent();
        var nextTR = p.prev();
        if (nextTR.length > 0) {
            nextTR.insertAfter(p);
        }
    });
    $("#dialogParamTab .down").unbind("click").on("click",function(){
        var p=$(this).parent().parent();
        var nextTR = p.next();
        if (nextTR.length > 0) {
            nextTR.insertBefore(p);
        }
    });
    $("#dialogParamTab .del").unbind("click").on("click",function(){
        var tr=$("#dialogParamTab tbody").find("tr");
        if (tr.length > 0) {
            $(this).parent().parent().remove();
        }
    });
}
// 参数 end
function binSpecEvent(){
    $("#specTab .up").unbind("click").on("click",function(){
        var p=$(this).parent().parent();
        var nextTR = p.prev();
        if (nextTR.length > 0) {
            nextTR.insertAfter(p);
        }
    });
    $("#specTab .down").unbind("click").on("click",function(){
        var p=$(this).parent().parent();
        var nextTR = p.next();
        if (nextTR.length > 0) {
            nextTR.insertBefore(p);
        }
    });
    $("#specTab .del").unbind("click").on("click",function(){
        var tr=$("#specTab tbody").find("tr");
        if (tr.length > 0) {
            $(this).parent().parent().remove();
        }
    });
}
function loadSpec(str) {
    $("#specTab tbody").append(str);
    binSpecEvent();
}